<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>case</title>
    <!-- <link rel="stylesheet" href="./css/case.css">
    <link rel="stylesheet" href="./css/iconfont/iconfont.css">
    <link rel="stylesheet" href="./swiper/animate.min.css">
    <link rel="stylesheet" href="./swiper/swiper.min.css">
    <script src="./swiper/wow.min.js"></script> -->
</head>

<body>
    <div class="wrap">
        <!-- 导航栏 -->
        <div class="nav">
            <div class="logo">
                <a href="./index.html"><img src="./images/logo.png" alt=""></a>
            </div>
            <ul>
                <a href="./aboutme.html">
                    <li>关于</li>
                </a>
                <a href="./products.html">
                    <li>产品</li>
                </a>
                <a href="./case.html">
                    <li>方案</li>
                </a>
                <a href="./index2.html">
                    <li>联系</li>
                </a>
                <a href="./index2.html">
                    <li><i class="iconfont icon-gengduo"></i></li>
                </a>
            </ul>
            <ul>
                <li>中文</li>
                <li>EN</li>
            </ul>
        </div>
        <!-- 首图 -->
        <header>
            <img alt="" class="beijing">
            <div class="fangantigong">
                <div class="tigong1">
                    <div class="fangan"><img alt=""></div>
                    <div class="fangan"><img alt=""></div>
                    <div class="fangan"><img alt=""></div>
                    <div class="fangan"><img alt=""></div>
                </div>
                <div class="tigong1 tigong2">
                    <div class="bigbox">
                        <div class="heise">
                            <img alt="" class="ziti1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
                            <img alt="" class="ziti2 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="1.7s">
                            <img alt="" class="ziti3 wow  flipInX" data-wow-duration="0.8s" data-wow-delay="1.0s">
                        </div>
                        <img alt="">
                    </div>
                    <div class="smallbox">
                        <div class="box1 fangan"><img alt=""></div>
                        <div class="box1 fangan"><img alt=""></div>
                        <div class="box1 fangan"><img alt=""></div>
                    </div>
                </div>
                <div class="tigong1">
                    <div class="fangan "><img alt=""></div>
                    <div class="fangan"><img alt=""></div>
                    <div class="fangan"><img alt=""></div>
                    <div class="fangan"><img alt=""></div>
                </div>
            </div>
        </header>
        <main>
            <!-- 行业解决方案 -->
            <div class="hangyefangan">
                <div class="biaoti-1  wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.5s">
                    <p>行业解决方案</p>
                    <p>IDUSTRY SOLUTIONS</p>
                    <P>一站式解决行业内所有印刷问题</P>
                </div>
                <div class="geren">
                    <div class="geren-1 ">
                        <div class="touxiang wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.4s">
                            <img alt="">
                        </div>
                        <p class="wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.2s">一体化包装</p>
                        <div class="xian wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.2s"></div>
                        <p class="wow flipInX" data-wow-duration="1.0s" data-wow-delay="0.8s">
                            一体化包装解决方案：指为客户提供从包装材料的选取、方案设计、生产制造和物流配送的端到端服务。</p>
                        <p class="wow flipInX" data-wow-duration="1.0s" data-wow-delay="0.8s">
                            <i class="iconfont icon-separators"></i>
                            <i class="iconfont icon-separators"></i>
                        </p>
                    </div>
                    <div class="geren-1">
                        <div class="touxiang wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.4s">
                            <img alt="">
                        </div>
                        <p class="wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.2s">智能包装</p>
                        <div class="xian wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.2s"></div>
                        <p class="wow flipInX" data-wow-duration="1.0s" data-wow-delay="0.8s">亚华的智慧物联大数据平台包括裕同云创盒酷
                            平台、文化产业云平台、化妆品溯源营销平台、大健康产品溯源营销平台等。</p>
                        <p class="wow flipInX" data-wow-duration="1.0s" data-wow-delay="0.8s">
                            <i class="iconfont icon-separators"></i>
                            <i class="iconfont icon-separators"></i>
                        </p>
                    </div>
                    <div class="geren-1">
                        <div class="touxiang wow fadeInDown" data-wow-duration="0.8s" data-wow-delay="0.4s">
                            <img alt="">
                        </div>
                        <p class="wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.2s">功能性包装</p>
                        <div class="xian wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.2s"></div>
                        <p class="wow flipInX" data-wow-duration="1.0s" data-wow-delay="0.8s">
                            亚华研发的智能缓释微胶囊保鲜包装材料具有强大的吸附力，可吸附乙烯及有害气体延长水果保鲜时间1-3倍。</p>

                        <p class="wow flipInX" data-wow-duration="1.0s" data-wow-delay="0.8s">
                            <i class="iconfont icon-separators"></i>
                            <i class="iconfont icon-separators"></i>
                        </p>
                    </div>

                </div>
            </div>
            <!-- 经典案例标题\ul选项 -->
            <div class="jingdiananli">
                <div class="text wow fadeInUp" data-wow-duration="0.5s">
                    <p>经典案例</p>
                    <span>GOOD CASE</span>
                </div>
                <ul class="xuanxiang wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.7s">
                    <li class="active">全部包装</li>
                    <li>化妆品包装</li>
                    <li>数码包装</li>
                    <li>烟酒包装</li>
                    <li>彩盒包装</li>
                    <li>手工包装</li>
                </ul>
            </div>
            <!-- 案例展示,有用选项卡功能 上面的li点击切换下面的anliMax 内含6个anli页面-->
            <div class="anliMax">
                <div class="anli active">
                    <div class="anli-1">
                        <div class="hei5 "  >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInLeft" data-wow-duration="0.7s"
                                data-wow-delay="0.5s"></a>
                    </div>
                    <div class="anli-1">
                        <div class="hei5 " >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInDown" data-wow-duration="0.7s"
                                data-wow-delay="0.5s"></a>
                    </div>
                    <div class="anli-1">
                        <div class="hei5 " >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInRight" data-wow-duration="0.7s"
                                data-wow-delay="0.5s"></a>
                    </div>
                    <div class="anli-1">
                        <div class="hei5 " >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInLeft" data-wow-duration="0.7s"
                                data-wow-delay="0.8s"></a>
                    </div>
                    <div class="anli-1">
                        <div class="hei5 " >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInDown" data-wow-duration="0.7s"
                                data-wow-delay="0.8s"></a>
                    </div>
                    <div class="anli-1">
                        <div class="hei5 " >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInRight" data-wow-duration="0.7s"
                                data-wow-delay="0.8s"></a>
                    </div>
                    <div class="anli-1">
                        <div class="hei5 " >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInLeft" data-wow-duration="0.7s" data-wow-delay="1s"></a>
                    </div>
                    <div class="anli-1">
                        <div class="hei5 " >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInDown" data-wow-duration="0.7s" data-wow-delay="1s"></a>
                    </div>
                    <div class="anli-1">
                        <div class="hei5 " >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt="" class="wow fadeInRight" data-wow-duration="0.5s" data-wow-delay="1s"></a>
                    </div>
                </div>
                <div class="anli anli2">
                    <div class="anli-1">
                        <div class="hei5 "  >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt=""></a>
                    </div>

                </div>
                <div class="anli anli3">
                    <div class="anli-1">
                        <div class="hei5 "  >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt=""></a>
                    </div>

                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div> -->

                </div>
                <div class="anli anli4">
                    <div class="anli-1">
                        <div class="hei5 "  >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt=""></a>
                    </div>
                </div>
                <div class="anli anli5">
                    <div class="anli-1">
                        <div class="hei5 "  >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt=""></a>
                    </div>
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div>
                <div class="anli-1">
                    <a href=""><img  alt=""></a>
                </div> -->

                </div>
                <div class="anli anli6">
                    <div class="anli-1">
                        <div class="hei5 "  >
                            <div class="text9">
                                <p>宣传册案例</p>
                            <div class="xian2"></div>
                            <p>BROCHURE</p>
                            <button>more</button>
                            </div>
                        </div>
                        <a href=""><img alt=""></a>
                    </div>
            </div>
            </div>
            <!-- 合作伙伴详情 -->
            <div class="partner">
                <p class="wow fadeInLeft " data-wow-duration="1.8s" data-wow-delay="0.5s">合作伙伴</p>
                <span class="wow fadeInRight" data-wow-duration="1.8s" data-wow-delay="0.7s">customer</span>
                <div class="pinpai wow fadeInUp" data-wow-duration="1.8s" data-wow-delay="0.7s">
                    <a href="https://www.baidu.com/"><img src="" alt=""></a>
                    <img src="" alt="">
                    <img src="" alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">
                    <img alt="">

                </div>
            </div>
        </main>
        <!-- 页脚 -->
        <footer>
            <div class="footer-1">
                <div class="footera">
                    <ul>
                        <li>关于我们</li>
                        <li><a href="">亚华简介</a></li>
                        <li><a href="">企业文化</a></li>
                        <li><a href="">荣誉资质</a></li>
                        <li><a href="">社会责任</a></li>
                        <li><a href="">创意设计</a></li>
                        <li><a href="">亚华展厅</a></li>
                    </ul>
                    <ul>
                        <li>新闻动态</li>
                        <li><a href="">亚华新闻</a></li>
                        <li><a href="">展会活动</a></li>
                        <li><a href="">媒体报道</a></li>
                        <li><a href="">新闻中心</a></li>
                        <li><a href="">品牌活动</a></li>
                        <li><a href="">员工天地</a></li>
                    </ul>
                    <ul>
                        <li>快速链接</li>
                        <li><a href="">产品中心</a></li>
                        <li><a href="">服务中心</a></li>
                        <li><a href="">视频中心</a></li>
                        <li><a href="">经典案例</a></li>
                        <li><a href="">行业方案</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                    <div class="guanzhu">
                        <p>关注我们</p>
                        <a href=""><img src="./images/二维码.png" alt=""></a>
                    </div>

                </div>

            </div>
            <div class="footer-2">
                <p>24小明服务热线 : 020-25885288 Mail: yahua@gmail.com</p>
            </div>
            <div class="footer-3">
                <p><i class="iconfont icon-shangbiao"></i> 2017 yahua ALL RIGHTS RESERVED</p>
                <ul>
                    <li><a href="">法律声明</a> </li>
                    <li><a href="">网站地图</a> </li>
                </ul>
            </div>
        </footer>

    </div>
    <!-- <script src="./swiper/swiper.min.js"></script>
    <script src="./swiper/swiper.animate1.0.3.min.js"></script>
    <script src="./js/case.js" type="module"></script> -->
</body>

</html>